<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <title>Title</title>
</head>
<body>
接收函审批列表，点击后进入此页面，带学生sid和当前企业的iid
<br>
进入这个页面表示，企业审核好了， 未审核的显示 请求审核页面
<br>

<input type="button" value="点击生成" id="btn" onclick="newOpen123()"></input>

<p id="tip"></p>

<!--oss下载-->
<a id="ossUrl" href="">
    <span id="ossDown">oss下载</span>
</a>
<!--待做-->
<!--<a href="/EasypoiSingleExcelViewTest/test">-->
<!--    <span id="localDown">本地下载word</span>-->
<!--</a>-->

<!--预览PDF-->
<a id="viewPDF" href="">预览</a>


<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false">
    <div class="toast-header">
<!--        <img src="..." class="rounded mr-2" alt="...">-->
        <strong class="mr-auto">Bootstrap</strong>
        <small class="text-muted">11 mins ago</small>
        <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="toast-body">
        生成完毕！
    </div>
</div>


</body>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

<script>
    $(function () {
        getStatu()
    })

    //获取状态
    function getStatu() {
        let sid = getQuery('sid')
        let iid = getQuery('iid')
        $.get('/intern/stu-internship/getUnitLetterStatus',{sid: sid, iid: iid}, function(res) {
            console.log(res)
            var type = res.data.type;
            $("#btn").text("点击生成")
            $("#btn").attr("onclick", "newOpen123()")
            if(type == 2) {
                $("#tip").text("已经有生成完毕文档，是否下载")
                $("#ossUrl").attr("href", res.data.ossUrl)
                $("#viewPDF").attr("href", res.data.previewUrl)
            }
        })
    }

    // preview()
    // //预览
    // function preview() {
    //     let sid = getQuery('sid')
    //     let iid = getQuery('iid')//获取 uni-app 传来的值
    //     var url = '/js/web/viewer.html?file=/EasypoiSingleExcelViewTest/preview/'
    //     url += `${sid}/${iid}`
    //     var pdf = document.getElementById("viewPDF");
    //     pdf.setAttribute('href', url)
    // }

    let that = this;


    function show()  {
        $('.toast').toast('show')
    }

    function newOpen123() {
        show()

        let sid = getQuery('sid')
        let iid = getQuery('iid')//获取 uni-app 传来的值
        var obj = {}

        /**
         * TODO
         * 点击生成后 异步post json 请求getUnitLetter接口
         * 返回数据，前端做提示作用， 1秒后 请求 getStatu() js方法， 页面再次渲染 p标签内容
         * 这时候点击oss下载 href 自然会绑定刚才生成的word路径
         */
        obj.sid = Number(sid);
        obj.iid = Number(iid);
        var jsonStr = JSON.stringify(obj);
        console.log(jsonStr)
        $.ajax({
            type: "POST",
            async: false,
            url: "/intern/stu-internship/makeUnitLetter",
            data: jsonStr,
            contentType: "application/json;charset=UTF-8",
            dataType: "json",
            success: function (res) {
                if(res) {
                    console.log(res)
                    $('.toast').toast('hide')
                    that.getStatu()
                }
            }
        })


        //点击localDown a标签
        // $("#localDown").click()

    }








    //取url中的参数值
    function getQuery(name) {
        // 正则：[找寻'&' + 'url参数名字' = '值' + '&']（'&'可以不存在）
        let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        let r = window.location.search.substr(1).match(reg);

        if(r != null) {
            // 对参数值进行解码
            return decodeURIComponent(r[2]);
        }
        return null;
    }

</script>
</html>